
/*Theme: Wizards Of The Coast*/
.theme-dark,
.theme-light {
    &.wotc,
    &.wotc-beyond,
    & .wotc,
    & .wotc-beyond
    {
        --f-w-h: 500;
        --font: 'its-Draconis', 'Draconis', Inter;
        --font-monospace: 'its-Fira Code', 'Fira Code', Inter;
        --default-font: 'its-Bookerly', 'Bookerly', Inter;
    
        --hr-sym: "\E803";
        --hr-f: var(--its);

        background: var(--note);

        --embed-h: #c93c3c;
        --h1-c: var(--embed-h);
        --h2-c: sandybrown;
        --h3-c: #642020;
    }
}

.theme-dark.wotc-beyond,
.theme-dark .wotc-beyond {
    --background-primary: var(--note);
    --background-primary-alt: var(--deep-dark-accent);
    --background-secondary: var(--side-bar);
    --background-secondary-alt: var(--outer-bar);

    --background-modifier-cover: black;
    --background-modifier-border: var(--table);

    --background-modifier-border: #2d3034;
    --background-modifier-form-field-highlighted: rgba(255, 28, 28, 0.22);
    --background-modifier-error-rgb: 0, 23, 13;
    --interactive-accent-rgb: 253, 114, 114;
    
    --text-highlight-bg: rgba(168, 60, 60, 0.4);
    --text-highlight-bg-active: rgba(255, 0, 0, 0.4);
    --text-selection: rgba(138, 23, 23, 0.46);
    
    --text-accent: var(--lite-accent);
    --text-accent-hover: var(--accent2);

    --interactive-normal: var(--accent);
    --interactive-hover: var(--accent2);
    --interactive-accent: var(--dark-accent);
    --interactive-accent-hover: var(--accent2);

    --scrollbar-bg: var(--bg);
    --scrollbar-thumb-bg: var(--accent);

    --deep-dark-accent: #3f1010;
    --dark-accent: #642020;
    --lite-accent: #e06c6c;
    --accent: #863737;

    --outer-bar: #0b0f13;
    --dark-sidebar: #0d1014;
    --note: #1a1e24;

    --outline: #0000008c;
    --side-bar: #14181b;
    --aside-bg: #0e1116;

    --headers: #c14343;
    
    --table: #ff4a4a52;
    --accent2: #35485f;
    --accent2-lite: #e95e5e;
    
    --graph-lines: #25293b;
    --graph-img: #ca9a6d;
}
.theme-light.wotc-beyond,
.theme-light.wotc,
.theme-light .wotc-beyond,
.theme-light .wotc {
    --background-primary: var(--note);
    --background-primary-alt: var(--dark-accent);
    --background-secondary: var(--side-bar);
    --background-secondary-alt: var(--outer-bar);

    --background-modifier-cover: var(--deep-dark-accent);
    --background-modifier-border: var(--table);
    --background-modifier-form-field-highlighted: rgba(253, 114, 114, 0.22);
    --background-modifier-error-rgb: 0, 23, 13;
    --interactive-accent-rgb: 253, 114, 114;

    --text-normal: var(--text);
    --text-accent: var(--accent);
    --text-accent-hover: var(--accent2);
    --text-on-accent:#dcddde;
    
    --interactive-normal: var(--accent);
    --interactive-hover: var(--lite-accent);
    --interactive-accent: var(--accent);
    --interactive-accent-hover: var(--accent2);
    
    --text-highlight-bg: rgba(209, 119, 119, 0.4);
    --text-highlight-bg-active: rgba(255, 128, 0, 0.4);
    --text-selection: rgba(255, 0, 0, 0.198);
    
    --scrollbar-bg: var(--bg);
    --scrollbar-thumb-bg: var(--accent);

    --note: #fffcf0;
    --side-bar: #fff6e4;
    --outer-bar: #fbe2c5;
    --dark-sidebar: #f6e3cd;
    --deep-dark-accent: #2e1010;
    --outline: #fbb4577e;

    --table: var(--outline);
    --aside-bg: #ffedd7;
    --inactive: #e2b7a3;
    --f-icon: #ebbd92;
    --file: var(--text);

    --accent: #c75959;
    --lite-accent: #a35158;
    --dark-accent: #ffefda;
    --bg: var(--dark-sidebar);
    --embed-bg: var(--aside-bg);
    --td: #fae0be60;
    --code-bg: #fff9f0;
    --accent2: #000000;
    --hr: var(--table);
    --lines: var(--inactive);

    --text: #412f2f;
    --code-text: #681010;
    --accent2-lite: #df6262;


    --graph-bg: var(--note);
    --graph-lines: #fae0d0;
    --graph-node: var(--headers);
    --graph-fill: #2e5db2;
    --graph-404: #727e93;
    --graph-img: var(--accent2) /*#5469de*/;
    --graph-tag: #000000;    

    --sphd-pre-1: var(--accent);
    --sphd-pre-2: var(--headers);
    --sphd-pre-3: var(--code-text);
    --sphd-pre-4: var(--deep-dark-accent);
    --sphd-pre-5: var(--accent2);
    --sphd-pre-6: var(--file);
    --sphd-ed-1: var(--accent);
    --sphd-ed-2: var(--headers);
    --sphd-ed-3: var(--code-text);
    --sphd-ed-4: var(--deep-dark-accent);
    --sphd-ed-5: var(--accent2);
    --sphd-ed-6: var(--file);
}

.paper,
.wotc,
.wotc-beyond
{
    /*Burnt Paper Edges*/
    & ,
    & .markdown-source-view,
    & .markdown-preview-view:not(.internal-embed .markdown-preview-view):not(.community-plugin-readme):not(.kanban-plugin__markdown-preview-view),
    & .workspace-leaf:not(.mod-active) .view-header,
    & .modal.mod-settings .vertical-tab-content-container,
    & .workspace-leaf-content[data-type="graph"] > canvas,
    & .workspace-drawer-inner,
    & .modal,
    & .community-plugin-search,
    & .prompt,
    & .kanban-plugin__lane.kanban-plugin__lane
    { box-shadow: 0 0 60px var(--outline) inset; }
    
    & .workspace-tabs,
    & .modal.mod-settings .vertical-tab-header 
    { box-shadow: 0 0 25px var(--outline) inset; }

    /*Transparent BGs*/
    & .CodeMirror-gutter.CodeMirror-linenumbers, 
    & .CodeMirror-gutter.CodeMirror-foldgutter,
    & .markdown-source-view.mod-cm6 .cm-gutters,
    & .workspace-leaf:not(.mod-active) .workspace-tab-header-container,
    & .workspace-tabs .workspace-leaf,
    & .workspace-tab-header-container,
    & .horizontal-tab-content,
    & .vertical-tab-content,
    & .horizontal-tab-nav-item:not(.is-active),
    & .vertical-tab-nav-item:not(.is-active) {
        background: transparent;
    }
}


.wotc,
.wotc-beyond {
    & .view-header-title-container:after { display: none }

    /*Embed Design*/
    //& .internal-embed.is-loaded:not(.image-embed), .markdown-embed { background:var(--aside-bg); }
    //& .markdown-preview-view .markdown-embed,
    & .markdown-embed {
        box-shadow: none;
        border: none;
    }
    &.theme-dark .markdown-preview-view .file-embed,
    &.theme-dark .internal-embed.is-loaded:not(.image-embed) {
        box-sizing: border-box;
        border-style: solid;
        border-width: 11px;
        border-image: url("") 11;
        border-image-outset: 9px 0px;
        box-shadow: 1px 4px 20px var(--outline);
    }
    &.theme-light .markdown-preview-view .file-embed,
    &.theme-light .internal-embed.is-loaded:not(.image-embed) {
        box-sizing: border-box;
        border-style: solid;
        border-width: 11px;
        border-image: url("") 11;
        border-image-outset: 9px 0px;
        box-shadow: 1px 4px 20px var(--inactive);
    }
    /*Note Title*/
    & .workspace-leaf.mod-active .view-header {
        border-bottom: 3px solid;
        border-image: linear-gradient(to right, transparent, var(--accent), transparent) 1;
    }
}
.theme-dark {
    & .wotc-beyond {
        & .markdown-preview-view .file-embed,
        & .internal-embed.is-loaded:not(.image-embed) {
            box-sizing: border-box;
            border-style: solid;
            border-width: 11px;
            border-image: url("") 11;
            border-image-outset: 9px 0px;
            box-shadow: 1px 4px 20px var(--outline);
        }
    }
}
.theme-light {
    & .wotc-beyond {
        & .markdown-preview-view .file-embed,
        & .internal-embed.is-loaded:not(.image-embed) {
            box-sizing: border-box;
            border-style: solid;
            border-width: 11px;
            border-image: url("") 11;
            border-image-outset: 9px 0px;
            box-shadow: 1px 4px 20px var(--inactive);
        }
    }
}

/*WOTC HR Line*/
body.wotc,
body.wotc-beyond,
body .wotc-beyond
{
    .markdown-preview-view hr,
    .hr.cm-line,
    .HyperMD-hr-bg {
        background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Artboard1' x='0' y='0' width='100' height='7' style='fill:none;'/%3E%3Cpath d='M50,2.5L100,3.5L50,4L0,3.5L50,2.5Z' style='fill:rgb(200, 57, 57);'/%3E%3C/svg%3E") no-repeat center center;
        background-size: 100%;
        height: 30px;
        border: none;
    
        &::after  { content: ''; }
    }
    &.theme-dark .markdown-preview-view hr,
    &.theme-dark .hr.cm-line:not(.cm-active),
    &.theme-dark .HyperMD-hr-bg {
        background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Artboard1' x='0' y='0' width='100' height='7' style='fill:none;'/%3E%3Cpath d='M50,2.5L100,3.5L50,4L0,3.5L50,2.5Z' style='fill:rgb(146, 47, 47);'/%3E%3C/svg%3E") no-repeat center center;
        background-size: 100%;
    }
}

.wotc-beyond.writing-document {
    & :not(.markdown-embed-content) .markdown-preview-section:not(.kanban-plugin__markdown-preview-view),
    & .view-content .cm-s-obsidian > .cm-editor .cm-contentContainer {
        box-shadow: 
        0 0 60px var(--outline) inset,
        0 0 20px var(--outline, var(--background-box-shadow));
    }
}



/*Paper Textures
.markdown-preview-view {
    background-size: 100% 1.5em;
    background-image:
    linear-gradient(90deg, transparent 24px, var(--lines) 24px, var(--lines) 26px, transparent 26px),
    linear-gradient(var(--td) .1em, transparent .1em);
}*/
